<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=375,user-scalable=no,viewport-fit=cover" homon="true">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="ahot-aplus" content="1">
    <meta name="aplus-rate-ahot" content="0.5">
    <title>404 {hostname}</title>
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <div class="aliyun-module">
        <div class="componenet-wrap ace-render-2">
            <div class="" style="max-width: 100%;">
                <div class="ace-yunqi-homepagetop-0907">
                    <h1 class="text-h1">背景切换</h1>
                    <div class="background">
                        <img alt="背景图片-静态" src="../picture/" class="background-image-nagetive">
                        <img alt="背景图片-动态" src="../picture/123.gif" class="background-image-active">
                        <img alt="背景图片-PC静态" src="../picture/111.jpg" class="background-image-active-pc">
                        <video class="background-video" src="" preload="auto" autoplay loop muted
                            style="opacity: 1; transition: opacity 0.5s linear 0s;">
                        </video>
                    </div>
                    <div class="frame">
                        <div class="image-frame"><img src="../picture/1.png" class="image is-visible" alt="主页图片"></div>
                        <div class="button-group">
                            <a href="/" rel="myslef">{hostname}<div class="border-bottom"></div></a>
                            <a href="#">联系我<div class="border-bottom"></div></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../static/js/index.js"></script>
    <script>
        if (isPc) {
            let bv = document.querySelector('.background-video')
            bv.src = 'https://webstatic.mihoyo.com/upload/static-resource/2021/09/28/96e63a912d7aaf390bb23962c261e472_8707338355535631132.mp4'
        }
    </script>
</body>

</html>